﻿@model SimilarPageViewModel
<div class="modal fade" id="@Model.HtmlIdPrefix-import" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title">@Model.Title</h2>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <form id="@Model.HtmlIdPrefix-import-form" action="@Model.FormActionUrl" method="post" enctype="multipart/form-data" target="@Model.HtmlIdPrefix-import-frame">
                            <fieldset>
                                <div class="form-group">
                                    <label for="@Model.HtmlIdPrefix-import-file">请选择包含数据的 CSV 文件</label>
                                    <input type="file" name="file" id="@Model.HtmlIdPrefix-import-file" accept=".csv" placeholder="请选择包含数据的 CSV 文件">
                                </div>
                                <div class="form-group">
                                    <label class="radio-inline" for="@Model.HtmlIdPrefix-import-append-update">
                                        <input type="radio" name="type" id="@Model.HtmlIdPrefix-import-append-update" value="@Home.Services.ProductService.ImportType.AppendOrUpdate"> 添加或修改
                                    </label>
                                    <label class="radio-inline" for="@Model.HtmlIdPrefix-import-replace">
                                        <input type="radio" name="type" id="@Model.HtmlIdPrefix-import-replace" value="@Home.Services.ProductService.ImportType.Replace"> 替换
                                    </label>
                                </div>
                            </fieldset>
                            <iframe id="@Model.HtmlIdPrefix-import-frame" name="@Model.HtmlIdPrefix-import-frame" src="#" style="width:0;height:0;border:0;margin:0;padding:0;display:none;"></iframe>
                        </form>
                        <ul>
                            <li>
                                <strong>操作说明</strong>
                                <ul>
                                    <li><strong>添加或修改：</strong>如果序号已存在，则执行<strong>修改</strong>操作；反之，执行<strong>添加</strong>操作。</li>
                                    <li><strong>替换：</strong>所有已有数据会被删除，并被新的数据完全覆盖。</li>
                                    <li>无论采用添加、替换或者修改方式，都可以一次上传多条数据。</li>
                                    <li>因为相同序号的数据会被认为是同一条数据，系统不允许有两条序号相同的数据，所以，如果您希望进行<strong>添加</strong>操作，请确保上传的数据中没有和已有数据相同的序号。</li>
                                </ul>
                            </li>
                            <li>
                                <strong>CSV 文件的制作步骤</strong>
                                <ol>
                                    <li>在 Excel 中填写要上传的数据。</li>
                                    <li>在 Excel 中选择将文件另存为<strong><u>以逗号分隔的 CSV 文件</u></strong>。</li>
                                    <li>用记事本打开 CSV 文件，然后选择 <strong>Unicode</strong> 编码并保存。</li>
                                </ol>
                            </li>
                            <li>
                                <strong>文件格式说明</strong>
                                <ul>
                                    <li>相同序号的数据会被认为是同一条数据，无论它们的证书、大小等是否一样。</li>
                                    <li>上传的文件只支持 CSV 文件格式。</li>
                                    <li><a href="/downloads/@Model.TemplateFileName" target="_blank">点击这里下载上传文件模板</a></li>
                                </ul>
                            </li>
                        </ul>
                        <div id="@Model.HtmlIdPrefix-import-running" class="row text-center">
                            <div class="col-md-offset-1 col-md-10">
                                <p class="text-info">数据正在上传中，请稍等……</p>
                                <div class="progress">
                                    <div class="progress-bar progress-bar-striped active home-indeterminable" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                                        <span class="sr-only">正在上传中</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="@Model.HtmlIdPrefix-import-success" class="row text-center">
                            <div class="col-md-offset-1 col-md-10">
                                <p class="text-success">数据上传成功</p>
                            </div>
                        </div>
                        <div id="@Model.HtmlIdPrefix-import-failure" class="row text-center">
                            <div class="col-md-offset-1 col-md-10">
                                <p class="text-danger">数据上传失败，请检查 CSV 文件中的数据是否正确。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm" id="@Model.HtmlIdPrefix-import-upload"><span class="glyphicon glyphicon-upload" aria-hidden="true"></span> 上传</button>
                <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#@Model.HtmlIdPrefix-import-form").submit(function () {
            new $home.private.productImportHelper({ prefix: "@Model.HtmlIdPrefix" }).submit();
        });
    })
</script>